<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="footer.css" />
		<link rel="stylesheet" href="../../css/lystyle.css" />
		<link rel="stylesheet" href="../../css/backstage.css" />
		<style type="text/css">
			/*修改底部字体颜色*/
			
			.foot:nth-child(2) {
				color: #e83023;
			}
			
			#showPic1 {
				width: 100%;
				height: 100%;
			}
			
			.imgG {
				
				display: none;
			}
			
			div.webuploader-pick {
				background-color: #00b7ee;
				width: 78px;
				height: 32px;
				font-size: 0.277777rem;
				text-align: center;
				padding-top: 0.208333rem;
				padding-bottom: 0.208333rem;
			}
			
			div.webuploader-pick-hover {
				background-color: #00a2d4;
				width: 78px;
				height: 32px;
			}
			
			.img-border{
				float: right; height: 2.3rem; border: 1px solid #ccc; border-radius:10px;
			}
			@media screen and (min-width: 530px) {
				.img-border{
					height: 2.5rem;
				}
			}
			@media screen and (min-width: 600px) {
				.img-border{
					height: 2.7rem;
				}
			}
			@media screen and (min-width: 600px) {
				.img-border{
					height: 3.1rem;
				}
			}
			@media screen and (min-width: 700px) {
				.img-border{
					height: 3.5rem;
				}
			}
			@media screen and (min-width: 800px) {
				.img-border{
					height: 4.2rem;
				}
			}
			@media screen and (min-width: 1000px) {
				.img-border{
					height: 4.9rem;
				}
			}
			.blue-btn{padding: 0.1rem;height: 42%;width: 45%; text-align: center; position: absolute;top: 20%;left: 50%;}
			@media screen and (min-width: 600px) {
				.blue-btn{
					margin-left:16.5%;
				}
			}
			@media screen and (min-width: 700px) {
				.blue-btn{
					margin-left:19%;
				}
			}
			@media screen and (min-width: 1000px) {
				.blue-btn{
					margin-left:20%;
				}
			}
			
		</style>
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>

		<script src="../qiniu/plupload-2.3.5/js/moxie.js" type="text/javascript"></script>
		<script src="../qiniu/plupload-2.3.5/js/plupload.dev.js" type="text/javascript"></script>
		<script src="../qiniu/dist/qiniu.js" type="text/javascript"></script>
		<script src="../qiniu/plupload-2.3.5/js/i18n/zh_CN.js" type="text/javascript"></script>

	</head>

	<body class="ly-bgcolor">
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle">会员认证</p>
				</div>
				<div id="content" style=" font-size: 14px;">
					<div class="ly-form">
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*真实姓名</label>
								<div class="col-xs-8">
									<input class="form-control ly-input" id="trueName" placeholder="请输入姓名" />
								</div>
							</div>
						</div>
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*手机号</label>
								<div class="col-xs-8">
									<input class="form-control ly-input" id="mobile" readOnly="true" placeholder="请输入手机号" />
								</div>
							</div>
						</div>
						<!--<div class="ly-form-item">
							<div class="row ly-item-content">
								<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*邮箱</label>
								<div class="col-xs-8">
									<input id="email" class="form-control ly-input" placeholder="请输入邮箱" />
								</div>
							</div>
						</div>-->
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*身份证号</label>
								<div class="col-xs-8">
									<input id="identityNumber" class="form-control ly-input" placeholder="请输入身份证号" />
								</div>
							</div>
						</div>

						<div style="width: 100%;height: 0.33rem;background: #ededed;"></div>
						<!--1-->
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<div>
									<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*身份证正面</label>
									<!--进度条-->
									<div id="fsUploadProgress1" class="col-xs-8">
										<span></span>
										<div style="padding-top: 0.2rem; text-align: center;"></div>
									</div>
									
								</div>
								<div class="col-xs-12" style="padding-bottom: 0.1rem;">
									<div class="col-xs-6"><img  style="width: 90%; float: left;" src="../manager/images/shenfenz1.png"></div>
									<div class="col-xs-6 img-border" style="background: url(../manager/images/shanghcuanred1.png) no-repeat; background-size:100% 100%;">
										
										<!--图片-->
										<div class="divG" style="height: 100%;width: 100%;">
											<img style=" height: 100%;width: 100%;" src="" id="img1" class="imgG" />
										</div>
									</div>
								</div>
								
									<div class="col-xs-12" style="color: #999;line-height:0.38rem;text-align: center; margin-bottom: 0.1rem; font-size: 0.1rem;">*证件文字清晰易辨识 无反光无遮挡 垂直拍摄</div>
									<div class="col-xs-6 blue-btn" id="container1">
										<div id="pickfiles1"  style="height:100%;width: 100%;"></div>
									</div>
							</div>
						</div>
						<!--2-->
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<div>
									<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*身份证反面</label>
									<!--进度条-->
									<div id="fsUploadProgress2" class="col-xs-8">
										<span></span>
										<div style="padding-top: 0.2rem; text-align: center;"></div>
									</div>
									
								</div>
								<div class="col-xs-12" style="padding-bottom: 0.1rem;">
									<div class="col-xs-6"><img  style="width: 90%; float: left;" src="../manager/images/shenfenzheng2.png"></div>
									<div class="col-xs-6 img-border" style="background: url(../manager/images/shanghcuanred1.png) no-repeat; background-size:100% 100%;">
										<!--图片-->
										<div class="divG" style="height: 100%;width: 100%;">
											<img style=" height: 100%;width: 100%;" src="" id="img2" class="imgG" />
										</div>
									</div>
								</div>
								
									<div class="col-xs-12" style="color: #999;line-height:0.38rem;text-align: center; margin-bottom: 0.1rem; font-size: 0.1rem;">*证件文字清晰易辨识 无反光无遮挡 证件在有限期内</div>
									<div class="col-xs-6 blue-btn" id="container2">
										<div id="pickfiles2"  style="height:100%;width: 100%;"></div>
									</div>
							</div>
						</div>
						<!--3-->
						<div class="ly-form-item">
							<div class="row ly-item-content">
								<div>
									<label class="control-label col-xs-4 ly-form-label" style="text-align: right;">*手持身份证照片</label>
									<!--进度条-->
									<div id="fsUploadProgress3" class="col-xs-8">
										<span></span>
										<div style="padding-top: 0.2rem; text-align: center;"></div>
									</div>
								</div>
								<div class="col-xs-12" style="padding-bottom: 0.1rem;">
									<div class="col-xs-6"><img  style="width: 90%; float: left;" src="../manager/images/shenfenzheng3.png"></div>
									<div class="col-xs-6 img-border" style="background: url(../manager/images/shanghcuanred1.png) no-repeat; background-size:100% 100%;">
										<!--图片-->
										<div class="divG" style="height: 100%; width: 100%;">
											<img style=" height: 100%; width: 100%;" src="" id="img3" class="imgG" />
										</div>
									</div>
								</div>
								<div class="col-xs-12" style="color: #999; text-align: center; line-height:0.38rem;margin-bottom: 0.1rem;font-size: 0.1rem;">*五官可见 证件全部信息无遮挡 完整露出双手和手臂</div>
								<div class="col-xs-6 blue-btn" id="container3">
									<div id="pickfiles3"  style="height:100%;width: 100%;"></div>
								</div>
							</div>
						</div>	
						
						
						
					</div>
					
				</div>
				<div class="tijiao" style="width: 100%;height: 0.33rem;background: #ededed;"></div>
				<div class="tijiao" style="padding: 0.33rem;">
					<span style="color: #e83023;">会员费用：199（元/年）</span>
					<a id="submit" style="display: block;color: #fff; padding: 0.25rem;" class="ly-borderp">提交</a>
				</div>
			</div>
		</div>
		<!--图片资料-->
		<input type="hidden" value="" id="zl1" />
		<input type="hidden" value="" id="zl2" />
		<input type="hidden" value="" id="zl3" />
		<form id="wxForm" name="wxForm" method="post"></form>
	</body>
	<script src="../../js/jquery-2.2.3.min.js"></script>
	<!--上传图片-->
	<script src="../../js/webuploader-0.1.5/webuploader.js"></script>
	<link src="../../js/webuploader-0.1.5/webuploader.css" rel="stylesheet">
	<style type="text/css">
		/**/
		
		#l-map {
			height: 300px;
			width: 100%;
		}
		
		#r-result {
			width: 100%;
		}
		/*图片上传*/
		
		.webuploader-container {
			position: relative;
		}
		
		.webuploader-element-invisible {
			position: absolute !important;
			clip: rect(1px, 1px, 1px, 1px);
			/* IE6, IE7 */
			clip: rect(1px, 1px, 1px, 1px);
		}
		
		.webuploader-pick {
			font-size: 14px;
			position: relative;
			display: inline-block;
			cursor: pointer;
			padding: 5px 12px 5px;
			background: #337ab7;
			color: #fff;
			text-align: center;
			border-radius: 3px;
			overflow: hidden;
		}
		
		.webuploader-pick-hover {
			background: #33A6E7;
		}
		
		.webuploader-pick-disable {
			opacity: 0.6;
			pointer-events: none;
		}
	</style>
	<script src="../../js/jquery.cookie.js"></script>
	<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		var tokenReztApp = $.cookie("tokenReztApp");
		console.log(tokenReztApp);
		if(!tokenReztApp) {
			window.location.href = "../login/login/login.html";
		}

		//用户信息
		var user, role, goodsId;
		//获取当前会员信息
		function currentyf() {
			$.ajax({
				cache: false,
				type: "GET",
				url: "http://47.104.13.109/member-service/auth/current?token=" + tokenReztApp,
				dataType: "JSON",
				async: false,
				error: function(XMLHttpRequest, textStatus, errorThrown) {
					$.removeCookie('tokenReztApp', {
						expires: 7,
						path: '/'
					});
					$.removeCookie("tokenRh", {
						expires: 7,
						path: '/'
					});
					$.removeCookie('memberId', {
						expires: 7,
						path: '/'
					});
					$.removeCookie('roleId', {
						expires: 7,
						path: '/'
					});
					window.location.href = "../login/login/login.html";
				},
				success: function(data) {
					console.log(data.ext1);
					user = data.loginName;
					role = data.roleList[0].id; //角色
					goodsId = data.id;
					roles = data.roleList
						//判断会员
					for(var i = 0; i < roles.length; i++) {
						if(roles[i].id == 'f1') {
							$("#headTitle").html('会员续费');
						}
					}
					//填写基本信息
					if(data.tel != null) {
						$("#mobile").val(data.tel);
					}
					/*if(data.tel != null) {
						$("#email").val(data.email);
					}*/
				}
			});
		}
		$(function() {
			currentyf();
			founder();
			founder2();
		});

		var guest = false;
		var vipy = false;
		var applyforId;
		//验证当前用户时候提交过创客认证信息  如认证过就不能再申请会员
		function founder() {
			$.ajax({
				cache: false,
				type: "GET",
				url: "http://47.104.13.109:80/applyfor-service/founder/searchUserType?applyforUserId=" + goodsId + "&type=1",
				dataType: "JSON",
				async: false,
				error: function(XMLHttpRequest, textStatus, errorThrown) {},
				success: function(data) {
					if(data.id != null && data.payStatus == "1") {
						guest = true;
					}
					if (data.id != null && data.payStatus == "1" &&  data.auditStatus == "0") {
						$('#content').html('<div style="width: 90%;height: 3rem;background-color: #FFFFFF;text-align: center;line-height: 3rem; border-radius: 15px;margin: 0 auto;margin-top: 1rem;font-size: 0.333333rem;">您提交的创客申请包含会员，正在审核中，请耐心等待<div>');
						$('.tijiao').hide();
					}
					
					if (data.id != null && data.payStatus == "1" &&  data.auditStatus == "-1") {
						$('#content').html('<div style="width: 90%;height: 3rem;background-color: #FFFFFF;text-align: center;line-height: 3rem; border-radius: 15px;margin: 0 auto;margin-top: 1rem;font-size: 0.333333rem;">您提交的创客申请包含会员，已被驳回，请到创客页修改信息<div>');
						$('.tijiao').hide();
					}
					if (data.id != null && data.payStatus == "1" &&  data.auditStatus == "1") {
						$('#content').html('<div style="width: 90%;height: 3rem;background-color: #FFFFFF;text-align: center;line-height: 3rem; border-radius: 15px;margin: 0 auto;margin-top: 1rem;font-size: 0.333333rem;">您已是创客身份该身份包含会员，请到创客页进行操作<div>');
						$('.tijiao').hide();
					}
					if(data.id != null) {
						$("#img1").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityJusturl);
						$("#img1").show();
						$("#img2").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityAgainsturl);
						$("#img2").show();
						$("#img3").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityHandurl);
						$("#img3").show();
						$("#trueName").val(data.trueName);
						$("#identityNumber").val(data.identityNumber);
						$("#zl1").val(data.identityJusturl);
						$("#zl2").val(data.identityAgainsturl);
						$("#zl3").val(data.identityHandurl);
					}
				}
			});
		}

		//验证当前用户是否提交过会员认证信息 
		function founder2() {
			$.ajax({
				cache: false,
				type: "GET",
				url: "http://47.104.13.109:80/applyfor-service/founder/searchUserType?applyforUserId=" + goodsId + "&type=0",
				dataType: "JSON",
				async: false,
				error: function(XMLHttpRequest, textStatus, errorThrown) {},
				success: function(data) {
					if(data.id != null && data.payStatus == "1" && data.auditStatus == "-1") {
						applyforId = data.id;
						vipy = true;
						$("#headTitle").html("更新会员信息");
					}
					if(data.id != null && data.payStatus == "1" &&  data.auditStatus == "0") {
						$('#content').html('<div style="width: 90%;height: 3rem;background-color: #FFFFFF;text-align: center;line-height: 3rem; border-radius: 15px;margin: 0 auto;margin-top: 1rem;font-size: 0.347222rem;">您提交会员申请正在审核中，请耐心等待<div>');
						$('.tijiao').hide();
					}
					if(data.id != null) {
						$("#img1").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityJusturl);
						$("#img1").show();
						$("#img2").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityAgainsturl);
						$("#img2").show();
						$("#img3").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + data.identityHandurl);
						$("#img3").show();
						$("#trueName").val(data.trueName);
						$("#identityNumber").val(data.identityNumber);
						$("#zl1").val(data.identityJusturl);
						$("#zl2").val(data.identityAgainsturl);
						$("#zl3").val(data.identityHandurl);
					}
				}
			});
		}

		//		$(function() {
		//			//authCurrent();
		//			//第一张
		//			var uploader = WebUploader.create({
		//				auto: true, //true，选择文件后立即上传，false，选择文件后先进入文件队列
		//				// swf文件路径
		//				swf: 'webuploader-0.1.5/Uploader.swf',
		//				// 文件接收服务端。
		//				server: 'http://47.104.13.109/attachment-service/tfAttachment',
		//				// 选择文件的按钮。可选。
		//				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		//				pick: '#picker',
		//				compress: {
		//					width: 1080,
		//					height: 500,
		//					// 图片质量，只有type为`image/jpeg`的时候才有效。
		//					quality: 90,
		//					// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
		//					allowMagnify: false,
		//					// 是否允许裁剪。
		//					crop: true,
		//					// 是否保留头部meta信息。
		//					preserveHeaders: true,
		//					// 如果发现压缩后文件大小比原来还大，则使用原来图片
		//					// 此属性可能会影响图片自动纠正功能
		//					noCompressIfLarger: false,
		//					// 单位字节，如果图片大小小于此值，不会采用压缩。
		//					compressSize: 1,
		//					sendAsBinary: true
		//				},
		//				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一次再上传！
		//				fileSingleSizeLimit: 8 * 1024 * 1024,
		//				accept: {
		//					/* title : 'jpg,jpeg,png',
		//					extensions : 'jpg,jpeg,png',
		//					mimeTypes : 'image/jpeg,image/png' */
		//					title: 'Images',
		//					extensions: 'jpg,jpeg,bmp,png',
		//					mimeTypes: 'image/jpeg,image/bmp,image/png'
		//				},
		//				duplicate: true,
		//			});
		//			uploader.on('error', function(type) {
		//				alert("图片过大，请按要求大小上传图片");
		//			});
		//			uploader.on('beforeFileQueued', function(file) {
		//				console.log(file);
		//			});
		//			uploader.on('uploadSuccess', function(file, response) {
		//				//上传成功是指文件成功缓存到服务器内存里，还需要后台处理
		//				//后台正式保存完文件，返回处理信息
		//				//根据file和response做数据处理，保存到数据库，返回处理信息
		//				console.log(response);
		//				console.log(file);
		//				$("#zl1").val(response._raw);
		//				//				alert("上传图片成功");
		//				$("#img1").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + response._raw);
		//				$("#img1").show()
		//			});
		//			//第二张
		//			var uploader2 = WebUploader.create({
		//				auto: true, //true，选择文件后立即上传，false，选择文件后先进入文件队列
		//				// swf文件路径
		//				swf: 'webuploader-0.1.5/Uploader.swf',
		//				// 文件接收服务端。
		//				server: 'http://47.104.13.109/attachment-service/tfAttachment',
		//				// 选择文件的按钮。可选。
		//				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		//				pick: '#picker2',
		//				compress: {
		//					width: 1080,
		//					height: 500,
		//					// 图片质量，只有type为`image/jpeg`的时候才有效。
		//					quality: 90,
		//					// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
		//					allowMagnify: false,
		//					// 是否允许裁剪。
		//					crop: true,
		//					// 是否保留头部meta信息。
		//					preserveHeaders: true,
		//					// 如果发现压缩后文件大小比原来还大，则使用原来图片
		//					// 此属性可能会影响图片自动纠正功能
		//					noCompressIfLarger: false,
		//					// 单位字节，如果图片大小小于此值，不会采用压缩。
		//					compressSize: 1,
		//					sendAsBinary: true
		//				},
		//				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一次再上传！
		//				fileSingleSizeLimit: 8 * 1024 * 1024,
		//				accept: {
		//					/* title : 'jpg,jpeg,png',
		//					extensions : 'jpg,jpeg,png',
		//					mimeTypes : 'image/jpeg,image/png' */
		//					title: 'Images',
		//					extensions: 'jpg,jpeg,bmp,png',
		//					mimeTypes: 'image/jpeg,image/bmp,image/png'
		//				},
		//				duplicate: true,
		//			});
		//			uploader2.on('error', function(type) {
		//				alert("图片过大，请按要求大小上传图片");
		//			});
		//			uploader2.on('beforeFileQueued', function(file) {
		//				console.log(file);
		//			});
		//			uploader2.on('uploadSuccess', function(file, response) {
		//				//上传成功是指文件成功缓存到服务器内存里，还需要后台处理
		//				//后台正式保存完文件，返回处理信息
		//				//根据file和response做数据处理，保存到数据库，返回处理信息
		//				console.log(response);
		//				console.log(file);
		//				$("#zl2").val(response._raw);
		//				//				alert("上传图片成功");
		//				$("#img2").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + response._raw);
		//				$("#img2").show();
		//			});
		//			//第三张
		//			var uploader3 = WebUploader.create({
		//				auto: true, //true，选择文件后立即上传，false，选择文件后先进入文件队列
		//				// swf文件路径
		//				swf: 'webuploader-0.1.5/Uploader.swf',
		//				// 文件接收服务端。
		//				server: 'http://47.104.13.109/attachment-service/tfAttachment',
		//				// 选择文件的按钮。可选。
		//				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
		//				pick: '#picker3',
		//				compress: {
		//					width: 1080,
		//					height: 500,
		//					// 图片质量，只有type为`image/jpeg`的时候才有效。
		//					quality: 90,
		//					// 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
		//					allowMagnify: false,
		//					// 是否允许裁剪。
		//					crop: true,
		//					// 是否保留头部meta信息。
		//					preserveHeaders: true,
		//					// 如果发现压缩后文件大小比原来还大，则使用原来图片
		//					// 此属性可能会影响图片自动纠正功能
		//					noCompressIfLarger: false,
		//					// 单位字节，如果图片大小小于此值，不会采用压缩。
		//					compressSize: 1,
		//					sendAsBinary: true
		//				},
		//				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一次再上传！
		//				fileSingleSizeLimit: 8 * 1024 * 1024,
		//				accept: {
		//					/* title : 'jpg,jpeg,png',
		//					extensions : 'jpg,jpeg,png',
		//					mimeTypes : 'image/jpeg,image/png' */
		//					title: 'Images',
		//					extensions: 'jpg,jpeg,bmp,png',
		//					mimeTypes: 'image/jpeg,image/bmp,image/png'
		//				},
		//				duplicate: true,
		//			});
		//			uploader3.on('error', function(type) {
		//				alert("图片过大，请按要求大小上传图片");
		//			});
		//			uploader3.on('beforeFileQueued', function(file) {
		//				console.log(file);
		//			});
		//			uploader3.on('uploadSuccess', function(file, response) {
		//				//上传成功是指文件成功缓存到服务器内存里，还需要后台处理
		//				//后台正式保存完文件，返回处理信息
		//				//根据file和response做数据处理，保存到数据库，返回处理信息
		//				console.log(response);
		//				console.log(file);
		//				$("#zl3").val(response._raw);
		//				//				alert("上传图片成功");
		//				$("#img3").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + response._raw);
		//				$("#img3").show();
		//			});
		//		});
		var uploader1 = Qiniu.uploader({
			runtimes: 'html5,flash,html4', // 上传模式，依次退化
			browse_button: 'pickfiles1', // 上传选择的点选按钮，必需			
			uptoken_func: function() { // 在需要获取uptoken时，该方法会被调用
				var res;
				$.ajax({
					cache: false,
					type: "GET",
					url: "http://47.104.13.109/attachment-service/getToken",
					dataType: "text",
					async: false,
					error: function(XMLHttpRequest, textStatus, errorThrown) {},
					success: function(data) {
						res = data;
					}
				});
				return res;
			},
			get_new_uptoken: false, // 设置上传文件的时候是否每次都重新获取新的uptoken
			unique_names: true, // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）			
			domain: 'wjx9701', // bucket域名，下载资源时用到，必需
			container: 'container1', // 上传区域DOM ID，默认是browser_button的父元素
			max_file_size: '8mb', // 最大文件体积限制
			max_retries: 1, // 上传失败最大重试次数
			dragdrop: false, // 开启可拖曳上传
			chunk_size: '4mb', // 分块上传时，每块的体积
			auto_start: true, // 选择文件后自动上传，若关闭需要自己绑定事件触发上传		
			init: {
				'FilesAdded': function(up, files) {
					plupload.each(files, function(file) {
						// 文件添加进队列后，处理相关的事情
					});
				},
				'BeforeUpload': function(up, file) {
					// 每个文件上传前，处理相关的事情
				},
				'UploadProgress': function(up, file) {
					// 每个文件上传时，处理相关的事情
					$("#fsUploadProgress1").css('display', 'block');
					var percent = file.percent;
					$("#fsUploadProgress1").find("span").css({
						"width": percent + "%"
					});
					$("#fsUploadProgress1").find("div").text("上传中 " + percent + "%");
					if(percent == "100") {
						$("#fsUploadProgress1").css('display', 'none');
					}
				},
				'FileUploaded': function(up, file, info) {
					// 每个文件上传成功后，处理相关的事情
					// 其中info.response是文件上传成功后，服务端返回的json，形式如：
					var res = JSON.parse(info.response);
					$("#zl1").val(res.key);
					$("#img1").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + res.key);
					$("#img1").show();
				},
				'Error': function(up, err, errTip) {
					//上传出错时，处理相关的事情
				},
				'UploadComplete': function() {
					//队列文件处理完毕后，处理相关的事情
				},
				'Key': function(up, file) {
					// 若想在前端对每个文件的key进行个性化处理，可以配置该函数
					// 该配置必须要在unique_names: false，save_key: false时才生效
					var key = "";
					return key
				}
			}
		});
		var uploader2 = Qiniu.uploader({
			runtimes: 'html5,flash,html4', // 上传模式，依次退化
			browse_button: 'pickfiles2', // 上传选择的点选按钮，必需			
			uptoken_func: function() { // 在需要获取uptoken时，该方法会被调用
				var res;
				$.ajax({
					cache: false,
					type: "GET",
					url: "http://47.104.13.109/attachment-service/getToken",
					dataType: "text",
					async: false,
					error: function(XMLHttpRequest, textStatus, errorThrown) {},
					success: function(data) {
						res = data;
					}
				});
				return res;
			},
			get_new_uptoken: false, // 设置上传文件的时候是否每次都重新获取新的uptoken
			unique_names: true, // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）			
			domain: 'wjx9701', // bucket域名，下载资源时用到，必需
			container: 'container2', // 上传区域DOM ID，默认是browser_button的父元素
			max_file_size: '8mb', // 最大文件体积限制
			max_retries: 1, // 上传失败最大重试次数
			dragdrop: false, // 开启可拖曳上传
			chunk_size: '4mb', // 分块上传时，每块的体积
			auto_start: true, // 选择文件后自动上传，若关闭需要自己绑定事件触发上传		
			init: {
				'FilesAdded': function(up, files) {
					plupload.each(files, function(file) {
						// 文件添加进队列后，处理相关的事情
					});
				},
				'BeforeUpload': function(up, file) {
					// 每个文件上传前，处理相关的事情
				},
				'UploadProgress': function(up, file) {
					// 每个文件上传时，处理相关的事情
					$("#fsUploadProgress2").css('display', 'block');
					var percent = file.percent;
					$("#fsUploadProgress2").find("span").css({
						"width": percent + "%"
					});
					$("#fsUploadProgress2").find("div").text("上传中 " + percent + "%");
					if(percent == "100") {
						$("#fsUploadProgress2").css('display', 'none');
					}
				},
				'FileUploaded': function(up, file, info) {
					// 每个文件上传成功后，处理相关的事情
					// 其中info.response是文件上传成功后，服务端返回的json，形式如：
					var res = JSON.parse(info.response);
					$("#zl2").val(res.key);
					$("#img2").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + res.key);
					$("#img2").show();
				},
				'Error': function(up, err, errTip) {
					//上传出错时，处理相关的事情
				},
				'UploadComplete': function() {
					//队列文件处理完毕后，处理相关的事情
				},
				'Key': function(up, file) {
					// 若想在前端对每个文件的key进行个性化处理，可以配置该函数
					// 该配置必须要在unique_names: false，save_key: false时才生效
					var key = "";
					return key
				}
			}
		});
		var uploader3 = Qiniu.uploader({
			runtimes: 'html5,flash,html4', // 上传模式，依次退化
			browse_button: 'pickfiles3', // 上传选择的点选按钮，必需			
			uptoken_func: function() { // 在需要获取uptoken时，该方法会被调用
				var res;
				$.ajax({
					cache: false,
					type: "GET",
					url: "http://47.104.13.109/attachment-service/getToken",
					dataType: "text",
					async: false,
					error: function(XMLHttpRequest, textStatus, errorThrown) {},
					success: function(data) {
						res = data;
					}
				});
				return res;
			},
			get_new_uptoken: false, // 设置上传文件的时候是否每次都重新获取新的uptoken
			unique_names: true, // 默认false，key为文件名。若开启该选项，JS-SDK会为每个文件自动生成key（文件名）			
			domain: 'wjx9701', // bucket域名，下载资源时用到，必需
			container: 'container3', // 上传区域DOM ID，默认是browser_button的父元素
			max_file_size: '8mb', // 最大文件体积限制
			max_retries: 1, // 上传失败最大重试次数
			dragdrop: false, // 开启可拖曳上传
			chunk_size: '4mb', // 分块上传时，每块的体积
			auto_start: true, // 选择文件后自动上传，若关闭需要自己绑定事件触发上传		
			init: {
				'FilesAdded': function(up, files) {
					plupload.each(files, function(file) {
						// 文件添加进队列后，处理相关的事情
					});
				},
				'BeforeUpload': function(up, file) {
					// 每个文件上传前，处理相关的事情
				},
				'UploadProgress': function(up, file) {
					// 每个文件上传时，处理相关的事情
					$("#fsUploadProgress3").css('display', 'block');
					var percent = file.percent;
					$("#fsUploadProgress3").find("span").css({
						"width": percent + "%"
					});
					$("#fsUploadProgress3").find("div").text("上传中 " + percent + "%");
					if(percent == "100") {
						$("#fsUploadProgress3").css('display', 'none');
					}
				},
				'FileUploaded': function(up, file, info) {
					// 每个文件上传成功后，处理相关的事情
					// 其中info.response是文件上传成功后，服务端返回的json，形式如：
					var res = JSON.parse(info.response);
					$("#zl3").val(res.key);
					$("#img3").attr("src", "http://oxjfr3ifx.bkt.clouddn.com/" + res.key);
					$("#img3").show();
				},
				'Error': function(up, err, errTip) {
					//上传出错时，处理相关的事情
				},
				'UploadComplete': function() {
					//队列文件处理完毕后，处理相关的事情
				},
				'Key': function(up, file) {
					// 若想在前端对每个文件的key进行个性化处理，可以配置该函数
					// 该配置必须要在unique_names: false，save_key: false时才生效
					var key = "";
					return key
				}
			}
		});

		$(document).ready(function() {
				$("#submit").click(function() {
					if(guest) {
						alert("您已申请过创客，创客已包含会员特权！");
						return;
					}
					if($("#trueName").val() == '' || $("#mobile").val() == '' || $("#identityNumber").val() == '') {
						return alert("请将信息填写完整");
					}
					var pattern1 = /^1\d{10}$/; //手机号
					var pattern2 = /^\w+[@]\w+[.][\w.]+$/; //邮箱
					var pattern3 = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|31)|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}([0-9]|x|X)$/; //身份证号
					if(!pattern1.test($("#mobile").val())) {
						return alert("请输入正确的手机号码");
					}
					/*if(!pattern2.test($("#email").val())) {
						return alert("请输入正确的邮箱地址");
					}*/
					if(!pattern3.test($("#identityNumber").val())) {
						return alert("请输入正确的身份证号");
					}
					//图片链接
					var zl1 = $("#zl1").val();
					var zl2 = $("#zl2").val();
					var zl3 = $("#zl3").val();
					//图片链接
					if(zl1 == "") {
						alert("请上传身份证正面");
						return;
					}
					//图片链接
					if(zl2 == "") {
						alert("请上传身份证反面");
						return;
					}
					if(zl3 == "") {
						alert("请上传手持身份证照片");
						return;
					}
					var typey, urls, datas, getOpenidy;
					//如果是被驳回更新信息
					if(vipy) {
						urls = "http://47.104.13.109:80/applyfor-service/founder/alter";
						typey = "PUT";
						datas = {
							id: applyforId,
							auditStatus: "0",
							fansname: $("#trueName").val(),
							trueName: $("#trueName").val(),
							mobile: $("#mobile").val(),
							email: "-",
							identityNumber: $("#identityNumber").val(),
							identityJusturl: zl1,
							identityAgainsturl: zl2,
							identityHandurl: zl3
						};
					} else {
						urls = "http://47.104.13.109/applyfor-service/founder/applyfor";
						typey = "POST";
						datas = {
							applyforType: '0',
							applyforUser: user,
							applyforUserId: goodsId,
							fansname: $("#trueName").val(),
							trueName: $("#trueName").val(),
							mobile: $("#mobile").val(),
							email: "-",
							identityNumber: $("#identityNumber").val(),
							identityJusturl: zl1,
							identityAgainsturl: zl2,
							identityHandurl: zl3,
							membercost: '199', //支付金额
							buapSpare1: tokenReztApp
						};
						getOpenidy = "yf";
					}

					if(window.confirm('你确定要提交吗？')) { //alert("确定");
						$.ajax({
							type: typey,
							url: urls,
							async: true,
							data: datas,
							error: function(data) {
								alert("网络异常请稍后重试");
							},
							success: function(data) {
								if(getOpenidy == "yf") {
									if(data.code == 1) {
										getOpenid(data.approve);
									} else {
										alert(data.message);
									}
								} else {
									if(data.code == 1) {
										alert("您已成功更新会员信息，请等待审核！");
									} else {
										alert("更新会员信息失败，请稍后重试！");
									}
									window.location.href = "person_info.html";
								}
							}
						});
					} else { //alert("取消");
						                
						return false;            
					}
				})
			})
			//微信支付
		function getOpenid(orderSn) {
			$.get("http://47.104.13.109/pay-service/getOpenId2?memberId=" + goodsId + "&orderSn=" + orderSn, {
				rediretUrl: location.href
			}, function(data) {
				if(data != "") {
					$("#wxForm").prop("action", data.url);
					$("#wxForm").submit();
				}
			}, "json");
		}
	</script>

</html>